
// 1、vue的核心语法加载
// 加载的是 vue.cjs.js|vue.cjs.prod.js 作为核心语法包
//      + 该文件为node语法开发的三方模块文件
//      + 该文件具有 runtime 模块的相似特性【不具有模板编译功能】
//             => 浏览器加载过程 : 读取页面模板 -> vue的虚拟DOM -> 编译成真实DOM -> 写入页面
//             => 模块化环境加载过程 : 加载vue虚拟DOM -> 编译成真实DOM -> 写入页面

// import { createApp,h } from 'vue'
// createApp({
//     // template:`<p>{{ msg }}</p>`,
//     data() {
//         return {
//             msg:"测试变量msg"
//         }
//     },
//     render(){
//         return h("h1",this.msg)
//     }
// }).mount('#app')

import { createApp } from 'vue'

// 全局样式加载
// import "./assets/css/base.css";
import "@/index/assets/css/base.scss";
// import "@/index/scss/var.scss";
import "@/index/css/var.css";

// 2、vue组件配置加载
// App.vue 是vue提供的一种特殊的 vue 组成文件，被叫做单文件组件，也就是说一个.vue文件表示一个组件配置
//      单文件组件的组成
//          + 包含页面结构 template : 提供vue组件的容器结构定义
//              - 模块化环境下单文件会被 vue官方模块 vue-loader 进行加载
//              - vue-loader加载过程中template模板会被直接编译为 render 函数
//          + 组件功能和配置 script : 提供vue组件的相关配置选项和功能加载
//              - vue-loader加载过程中script会被整合成vue组件配置，并装载template生成的render函数
//          + 组件样式 style : 为页面提供样式
//              - vue-loader加载过程中style会被编译成全局样式
import App from './App.vue'
// console.log(App)

import router from "@/index/router";
console.log(router)

import store from "@/index/store"
console.log(store)

createApp(App)
    .use(router)
    .use(store)
    .mount("#app")
